<template>
  <div class="home-entry">
    <div class="container">
      <!-- 左侧分类 -->
      <HomeCategory />
      <!-- 轮播图 -->
      <HomeBanner />
    </div>
    <!-- 新鲜好物 -->
    <HomeNew />
    <!-- 人气推荐 -->
    <HomeHot />
    <!-- 热门品牌 -->
    <HomeBrand />
    <!-- 商品区域 -->
    <HomeProduct />
    <!-- 最新专题 -->
    <HomeSpecial />
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
:deep(.rbt-carousel .carousel-btn.prev) {
  left: 270px;
}
:deep(.rbt-carousel .carousel-indicator) {
  padding-left: 250px;
}
</style>
